
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
	<meta content="yes" name="apple-mobile-web-app-capable">
	<meta content="black" name="apple-mobile-web-app-status-bar-style">
	<meta content="telephone=no" name="format-detection">
	<title></title>

	<link rel="stylesheet" type="text/css" href="css/wap-style.css"/>
	<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>

</head>

<body>
<div class="bodyIndex">

	<div class="mapManager" id="mapManager">
		<img id="mapImg" src="img/map.png" width="100%" height="100%" />


		<div class="point-icon" style=" left: 200px; top: 300px; display: none;">
			<div class="cog-point-module">
				<div class="title">提示</div>
				<div class="info">您是否要把车停到B315？</div>

				<div class="btn-box">
					<a class="off">取消</a>
					<a class="yes">确定</a>
				</div>
			</div>

		</div>

	</div>

</div>



<script type="text/javascript">


	$("#mapManager").on("click",function(e){

		var left=e.pageX,
				top=e.pageY;

		$(".point-icon").show().css({
			"left":left+"px",
			"top":top+"px"
		}).find(".cog-point-module").show();


	});


	$("div.cog-point-module").on("click",".btn-box .off",function(e){

		$(".point-icon").hide();

		e.stopPropagation();

	})
			.on("click",".btn-box .yes",function(e){

				$("div.cog-point-module").hide();

				e.stopPropagation();

			});


</script>

</body>
</html>
